<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>详细</title>
	<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no" />
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/detail.css" />
</head>
<body>
	<div class="body">
		<header>
			<div class="header_left">
				<button style="button" class="nav_btn">Back</button>
			</div>
			<div class="header_middle">
				<h1>产品详细</h1>
			</div>
			<div class="header_right">
				<img src="images/star.png" alt="">
			</div>
		</header>
		
		<div class="product">
			<img src="images/product_img.png" />
			<p>
				<span class="price">￥32</span>
				<span><a href="#" class="action_btn">购买</a></span>
			</p>
		</div>

		<section class="comment">
			<ul class="section_header">
				<li><img src="images/star.png" /></li>
				<li>好评度<span class="highlight">99%</span></li>
				<li><a href="#">共605个评价&gt;</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="shop">
			<p>适用商户<span>&gt;</span></p>
			<ul>
				<li>
					<img src="images/shop-img-1.png" />
					<div class="info">
						<h2>万岁寿司（正佳店）</h2>
						<p>
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							10分
						</p>
						<p>离你100m</p>
						<p><a href="#">查看详情&gt;&gt;</a></p>
					</div>
					<a href="#" class="action_btn">进入</a>
					<div class="clearfix"></div>
				</li>
				<li>
					<img src="images/shop-img-2.png" />
					<div class="info">
						<h2>万岁寿司（体育西店）</h2>
						<p>
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							10分
						</p>
						<p>离你100m</p>
						<p><a href="#">查看详情&gt;&gt;</a></p>
					</div>
					<a href="#" class="action_btn">进入</a>
					<div class="clearfix"></div>
				</li>
				<li>
					<img src="images/shop-img-3.png" />
					<div class="info">
						<h2>万岁寿司（昌岗店）</h2>
						<p>
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							<img src="images/star.png" />
							10分
						</p>
						<p>离你100m</p>
						<p><a href="#">查看详情&gt;&gt;</a></p>
					</div>
					<a href="#" class="action_btn">进入</a>
					<div class="clearfix"></div>
				</li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<div class="blank"></div>

		<nav>
			<a href="index.html"><img src="images/nav-img-1.png" /><br>首页</a>
			<a href="category.html"><img src="images/nav-img-2.png" /><br>分类</a>
			<a href="#"><img src="images/nav-img-3-focus.png" /><br>发现</a>
			<a href="myself.html"><img src="images/nav-img-4.png" /><br>我的</a>
		</nav>
	</div>
	<script src="js/common.js"></script>
</body>
</html>